<include file="Common/common" />
<style type="text/css">
    .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover{
        background: #7d7d7d;
    }
    .layui-nav-tree .layui-nav-bar{
        background: rgba(255,255,255,0);
    }
    .layui-nav-tree .layui-nav-item a:hover{
        background-color: #7d7d7d;
    }
    .layui-nav-itemed > a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
        color: rgb(240,222,112) !important;
    }
    .layui-nav .layui-nav-child a:hover{
        background: #7d7d7d;
    }

</style>
<body class="custom-background-image1">

    
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header header header-demo">
            <a class="logo" href="/">
                <img src="../../../../Public/img/name.png" style="height:50px;width: 150px;position: relative;bottom: 10px;right: 16px;" alt="layui">
            </a>
            <!-- <div class="layui-logo">后台管理</div> -->
            <!-- 头部区域（可配合layui已有的水平导航） -->
            
            <ul class="layui-nav layui-layout-right" lay-shrink="all" style="padding-right: 10px;">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img id="header-img" src="/public/img/3.jpg" class="layui-nav-img">
                        <span style="color: rgb(240,222,112)" id="header-nickname">{$userInfo['account']}</span>
                    </a>

                    <dl class="layui-nav-child" style="background: rgb(57,61,73)">
                        <dd><a style="color: rgb(240,222,112)" href="{:U('Personal/info')}" target="rightFrame">个人资料</a></dd>
                        <dd><a style="color: rgb(240,222,112)" href="{:U('Personal/personal')}" target="rightFrame">修改密码</a></dd>
                        <dd><a style="color: rgb(240,222,112)" href="{:U('Common/logout')}">安全退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                

                <ul class="layui-nav layui-nav-tree"  lay-filter="" style="color: rgb(240,222,112);">
                    
                    <li class="layui-nav-item">
                        <a style="color: rgb(240,222,112);font-weight: 600;font-size: 16px " href="{:U('Index/main')}" class="remove" target="rightFrame">首页</a>
                    </li>
                    
                    <li class="layui-nav-item">
                        <a style="color: rgb(240,222,112);font-weight: 600;font-size: 16px " href="javascript:;">转换中心</a>
                        <dl class="layui-nav-child">
                            <dd><a style="color: rgb(240,222,112);" href="{:U('Coin/transfer')}" class="remove" target="rightFrame">积分转换</a></dd>
                            <dd><a style="color: rgb(240,222,112);" href="{:U('Coin/tokeytask')}" class="remove" target="rightFrame">任务秘钥转换</a></dd>
                        </dl>
                    </li>

                    <li class="layui-nav-item" style="color: rgb(240,222,112);">
                        <a style="color: rgb(240,222,112);font-weight: 600;font-size: 16px " href="javascript:;">报表管理</a>
                        <dl style="color: rgb(240,222,112);" class="layui-nav-child">
                            <dd><a style="color: rgb(240,222,112);" href="{:U('Record/center')}" class="remove" target="rightFrame">中心积分报表</a></dd>
                            <dd><a href="{:U('Record/task')}" style="color: rgb(240,222,112);" class="remove" target="rightFrame">任务积分报表</a></dd>
                            <dd><a href="{:U('Record/trading')}" style="color: rgb(240,222,112);" class="remove" target="rightFrame">交易积分报表</a></dd>
                            <dd><a href="{:U('Record/key_dynamic')}" style="color: rgb(240,222,112);" class="remove" target="rightFrame">动态秘钥报表</a></dd>
                            <dd><a href="{:U('Record/key_task')}" style="color: rgb(240,222,112);" class="remove" target="rightFrame">任务秘钥报表</a></dd>
                            <!-- <dd><a href="{:U('Member/returnreport')}" class="remove" target="rightFrame">转回报表</a></dd> -->
                            <!-- <dd><a href="{:U('Coin/taskapply')}" style="color: rgb(240,222,112);" class="remove" target="rightFrame">任务申请报表</a></dd> -->
                            
                        </dl>
                    </li>

                    <li class="layui-nav-item" >
                        <a style="color: rgb(240,222,112);font-weight: 600;font-size: 16px " href="javascript:;">交易大厅</a>
                        <dl class="layui-nav-child" >
                            <dd><a style="color: rgb(240,222,112);" href="{:U('Order/buy')}" class="remove" target="rightFrame">购买交易积分</a></dd>
                            <dd><a style="color: rgb(240,222,112);" href="{:U('Order/buylist')}" class="remove" target="rightFrame">购买报表</a></dd>
                            <dd><a style="color: rgb(240,222,112);" href="{:U('Order/sell')}" class="remove" target="rightFrame">挂卖交易积分</a></dd>
                            <dd><a style="color: rgb(240,222,112);" href="{:U('Order/selllist')}" class="remove" target="rightFrame">挂卖报表</a></dd>
                            
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a href="javascript:;" style="color: rgb(240,222,112);font-weight: 600;font-size: 16px ">注册会员</a>
                        <dl class="layui-nav-child">
                            <dd><a href="{:U('Member/register')}" style="color: rgb(240,222,112);" class="remove" target="rightFrame">注册会员</a></dd>
                            <dd><a href="{:U('Member/recommended')}" style="color: rgb(240,222,112);" class="remove" target="rightFrame">直推列表</a></dd>
                            <!-- <dd><a href="{:U('Member/givingregister')}" class="remove" target="rightFrame">赠送注册积分</a></dd> -->
                            <!-- <dd><a href="{:U('Member/givingtask')}" class="remove" target="rightFrame">赠送动态秘钥</a></dd> -->
                            <!-- <dd><a href="{:U('Member/givingrecreation')}" class="remove" target="rightFrame">赠送娱乐积分</a></dd> -->
                            
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a href="javascript:;" style="color: rgb(240,222,112);font-weight: 600;font-size: 16px ">留言反馈</a>
                        <dl class="layui-nav-child">
                            <dd><a href="{:U('Feedback/news_user')}" style="color: rgb(240,222,112);" class="remove" target="rightFrame">网站公告</a></dd>
                            <dd><a href="{:U('Feedback/feedback_user')}" style="color: rgb(240,222,112);" class="remove" target="rightFrame">留言反馈</a></dd>
                            
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a href="{:U('/Member/givingtask')}" style="color: rgb(240,222,112);font-weight: 600;font-size: 16px " class="remove" target="rightFrame">赠送动态秘钥</a>
                    </li>



                    <!-- <li class="layui-nav-item">
                        <a href="javascript:;">积分转换</a>
                        <dl class="layui-nav-child">
                            <dd><a href="{:U('Coin/transform')}" class="remove" target="rightFrame">积分转换</a></dd>
                            <dd><a href="{:U('Coin/transfer')}" class="remove" target="rightFrame">积分转化</a></dd>
                            <dd><a href="{:U('Coin/returncenter')}" class="remove" target="rightFrame">转回中心</a></dd>
                            
                        </dl>
                    </li> -->

                    <li class="layui-nav-item">
                            <a href="{:U('Order/buykey')}" style="color: rgb(240,222,112);font-weight: 600;font-size: 16px " class="remove" target="rightFrame">秘钥购买</a>
                        </li>
                    
                    <li class="layui-nav-item">
                        <a href="{:U('Order/buycenter')}" style="color: rgb(240,222,112);font-weight: 600;font-size: 16px " class="remove" target="rightFrame">交易积分购买</a>
                    </li>
                    
                    
                </ul>
            </div>
        </div>

        <div class="layui-body" style="bottom: 0;overflow:auto;-webkit-overflow-scrolling: touch;border: none;background: url(../../../../Public/img/otherBackground.png) no-repeat;background-size: 100% 100%;background-attachment: scroll  ">
            <!-- 内容主体区域 -->
            <iframe id="rightFrame" name="rightFrame" src="{:U('Index/main')}"  style="overflow: visible;" scrolling="auto" frameborder="0"   width="100%" height="99%"></iframe>

        </div>

        <!-- <div class="layui-footer">
            底部固定区域
            © 项目名称
        </div> -->
        <div class="site-tree-mobile layui-hide">
            <i class="layui-icon">&gt;</i>
        </div>
        <div class="site-mobile-shade"></div>
    </div>

    

</body>

<script>

    $('.layui-nav-item').click(function(){
        if (!$(this).hasClass('layui-nav-itemed')) {
            $(this).removeClass('layui-nav-itemed')
            return;
        }
        $('.layui-nav-item').removeClass('layui-nav-itemed');
        $(this).addClass('layui-nav-itemed');
    });

    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        //实例化element
        var element = layui.element;

        //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
        element.init();

    });

    $('.site-tree-mobile').click(function(){
        $('body').addClass('site-mobile');
    });

    $('.site-mobile-shade').click(function(event) { 
        removeMobile();
    });

    $('.remove').click(function(event) {
        setTimeout(function(){removeMobile();}, 800);
        
    });

    function removeMobile(){
        $('body').removeClass('site-mobile');
    }

    

    function renderForm(){
        layui.use('form', function(){
            var form = layui.form;
            form.render();
        });
    }

    
</script>
